<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ext="http://opensource.extjsf.com/jsf" xml:lang="en" lang="en">
	<ui:composition template="/template/global.xhtml">
		<ui:define name="body">
		<h1 align="center"><a href="../code/form.xhtml.txt">view source</a></h1>
		<h2>Form 1 - Very Simple</h2>
			<div id='form1'/>
			<ext:cmp id="form1" labelWidth="75" title="Form Sample" xtype="form"
				renderTo="form1" width="350" frame="true"
				bodyStyle="padding:5px 5px 0" defaultType="textfield"
				defaults__NS="{width: 230}">
				<ext:cmp fieldLabel="First Name" name="first" allowBlank="false" />
				<ext:cmp fieldLabel="Last Name" name="last" />
				<ext:cmp fieldLabel="Company" name="company" />
				<ext:cmp fieldLabel="Email" name="email" vtype="email" />
				<ext:cmp fieldLabel="Time" name="time" xtype="timefield"
					minValue="8:00am" maxValue="6:00pm" />
				<ext:button text="Save" />
				<ext:button text="Cancel" />

			</ext:cmp>
			<h2>Form 2 - Adding fieldsets</h2>
			<div id='form2'/>	
			<ext:cmp id="form2" labelWidth="75"
				title="Simple Form with FieldSets" renderTo="form2" xtype="form"
				width="350" frame="true" bodyStyle="padding:5px 5px 0">
				<ext:cmp xtype="fieldset" checkboxToggle="true"
					title="User Information" autoHeight="true"
					defaults__NS="{width: 210}" defaultType="textfield" collapsed="true">
					<ext:cmp fieldLabel="First Name" name="first" allowBlank="false"  />
					<ext:cmp fieldLabel="Last Name" name="last" />
					<ext:cmp fieldLabel="Company" name="company" />
					<ext:cmp fieldLabel="Email" name="email" vtype="email" />
				</ext:cmp>
			
				<ext:cmp xtype="fieldset" collapsible="true"
					title="Phone Number" autoHeight="true"
					defaults__NS="{width: 210}" defaultType="textfield" >
					<ext:cmp fieldLabel="Home" name="home" value="(888) 555-1212"  />
					<ext:cmp fieldLabel="Business" name="business" />
					<ext:cmp fieldLabel="Mobile" name="mobile" />
					<ext:cmp fieldLabel="Fax" name="fax"/>
				</ext:cmp>
				
								
				<ext:button text="Save" />
				<ext:button text="Cancel" />

			</ext:cmp>

		</ui:define>
	</ui:composition>

</html>
